<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/lesson1.css"/>
</head>
<body>
<!--20190625css1常用选择器及样式-->

<!--<div class="one">69a416</div>
<div class="tow">69a416</div>
<div class="three">69a416</div>
<div id="four">69a416</div>-->




<!--20190630css2练习1后代选择器-->

<div class="practice1">

    <h1>标题1</h1>
    <span>文字文字文字文字文字
        <a href="#">超链接
    </a>
    </span>

    <h1>标题2</h1>
    <span>文字文字文字文字文字
        <a href="#">超链接
        </a>
    </span>

</div>


<!--20190630css练习2圆角-->

<div class="practice2">
    <div class="a"></div>
    <div class="b"></div>
</div>


<!--20190630css练习3边距-->

<div class="lianxi3">
    <div class="lx31"></div>
    <div class="lx32"></div>
    <div class="lx33"></div>
    <div class="lx34"></div>
</div>

<!--20190630css练习4行块级元素-->

<ol class="lx4">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
</ol>

<ol class="lx4-1">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
</ol>

<ol class="lx4-2">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
    <li>eeeee</li>
    <li>fffff</li>
</ol>

<ol class="lx4-3">
    <li>aaaaa</li>
    <li>bbbbb</li>
    <li>ccccc</li>
    <li>ddddd</li>
    <li>eeeee</li>
    <li>fffff</li>
</ol>
</body>
</html>